import MyTemplate from '../views/MyTemplate.vue'
import Computed from "../views/Computed.vue"
import Watch from "../views/Watch.vue"
import Style from "../views/Style.vue"
import If from "../views/If.vue"
import For from "../views/For.vue"
import Event from "../views/Event.vue"
import Form from "../views/Form.vue"
import Cycle from "../views/Cycle.vue"
import Transition from "../views/Transition.vue"
import Instruction from "../views/Instruction"
export const routes=[
  {
    path: '/template',
    name: '模板',
    component: MyTemplate
  },
  {
    path: '/computed',
    name: '计算属性',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: Computed
  },{
  	path:"/watch",
  	name:"监听",
  	component:Watch,
  },{
  	path:"/style",
  	name:"样式",
  	component:Style,
  },{
  	path:"/if",
  	name:"条件渲染",
  	component:If,
  },{
  	path:"/for",
  	name:"列表渲染",
  	component:For,
  },{
  	path:"/event",
  	name:"事件",
  	component:Event,
  },{
  	path:"/form",
  	name:"表单",
  	component:Form,
  },{
  	path:"/cycle",
  	name:"生命周期",
  	component:Cycle,
  },{
  	path:"/transition",
  	name:"过渡",
  	component:Transition,
  },{
  	path:"/instruction",
  	name:"内置指令",
  	component:Instruction,
  }
]